<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery.js"></script>
<script src="jquery.css3.js"></script>
<style type="text/css">
section {
	display: block;
	padding: 20px;
	margin: 200px auto;
	height: 320px;
	width: 480px;
	overflow: hidden;
}
</style>
</head>

<body>
<section>
$.cssProps:<br>
<script>
$("section").css({
	background: "linear-gradient(#f00,#ff0 50%,#080)",
	boxShadow: "0 0 20px 0 #000",
	borderRadius: 20
});

for(var i in $.cssProps ){
	document.writeln(i);
	document.writeln($.cssProps[i]);
	document.writeln("<br>");
}
"linear-gradient(to bottom, rgb(255, 255, 255), rgb(51, 51, 51))"
</script>
</section>
</body>
</html>
